<taglib name="Common\TagLib\Sohtml"/>
<form action="{:U('SysExfield/item_edit_save')}" method="post">
    <table class="table-form">
        <tr><th>属性名称：</th><td><input type="text" name="label" value="{$data.label}" /></td></tr>
        <tr><th>组件类型：</th><td><sohtml:select name="inputType" items="text=单行文本框;date=日期;datetime=日期和时间;time=时间;select=下拉选择框;radio=单选框;checkbox=复选框;textarea=多行文本框;editor=可视化编辑器;file=文件上传框;" value="{$data.inputType}"/></td></tr>
        <li style="display: none;"><th>可选值：</th><td>(多个可选值以英文逗号隔开)<textarea cols="45" rows="3" name="optionalValue">{$data.optionalValue}</textarea></td></tr>
        <tr><th>默认值：</th><td><input type="text" name="default" placeholder="默认值" value="{$data.default}"/></td></tr>
        <tr><th>是否显示：</th><td><input type="checkbox" name="isDisplay" value="1"/></td></tr>
        <tr><th>是否必填：</th><td><input type="checkbox" name="isRequire" value="1"/></td></tr>
        <tr><th>允许搜索：</th><td><input type="checkbox" name="allowSearch" value="1"/></td></tr>
        <tr><th>排序：</th><td><input type="text" name="ordinal" value="{$data.ordinal|default=999}" size="5"/></td></tr>
    </table>
    <button type="submit">保存</button>
    <button type="reset">重置</button>
    <input type='hidden' name='id' value='{$data.id}'/>
    <input type='hidden' name="target" value="{$data.target}"/>
    <input type='hidden' name="siteID" value="{$data.siteID}"/>
</form>
</div>
</div>
<script type="text/javascript">
    $('input[name="isDisplay"][value="{$data.isDisplay}"]').prop('checked', true);
    $('input[name="isRequire"][value="{$data.isRequire}"]').prop('checked', true);
    $('input[name="allowSearch"][value="{$data.allowSearch}"]').prop('checked', true);
    $('select[name="inputType"]').change(function () {
        inputTypeChange();
    })
    inputTypeChange();
    // 2014-11-10 by sutroon
    function inputTypeChange() {
        switch ($('select[name="inputType"]').val()) {
            case 'select':
            case 'radio':
            case 'checkbox':
                $('textarea[name="optionalValue"]').parent().show();
                break;
            default:
                $('textarea[name="optionalValue"]').parent().hide();
                break;
        }
    }
</script>